<div class="container_12">
	<div id="calendar"></div>
</div>
	
	
	
	
	
	
	<script type="text/javascript">
	
		function showDialog() {
		
			$("#errorDialog").dialog(
				{
					width:		200,
					height:		150,
					show: 		'fade',
					hide: 		'fade',
					buttons: {
		
						// send the data to be stored in the DB
						"Ok": 		
						function() {
							$(this).dialog("close");
						},
		
						// Operation canceled
						"Cancel": 	
						function() {
							$(this).dialog("close");
						}
					}
				}	
			);
			
			
		}
		
		function consoleExamples() {
			console.group('group1');
			console.log('insideHello');
			console.groupEnd('group1');
			//console.clear();
			console.group('anotherGroup');
			console.warn('warn');
			console.groupEnd('anotherGroup');
		}
		
		$(document).ready(function() {
			//$("#testButton").click(function() {		
			//});
		});

	</script>






<div id="offersDialog" class="dialog" title="Ofertas Disponiveis">
	<div class="rb-label"><p>Lista de Ofertas:</p></div>
	<select id="offerList">
	</select>
	<div class="rb-label"><p>Total de aulas da oferta:</p></div>
	<p id="numberOfClasses" class="valueOffer">X</p>
	<div class="rb-label"><p>Aulas disponiveis:</p></div>
	<p id="remainingClasses" class="valueOffer"></p>
	<div class="rb-label"><p>Numero Min Participantes:</p></div>
	<p id="minPart" class="valueOffer"></p>
	<div class="rb-label"><p>Numero Max Participantes:</p></div>
	<p id="maxPart" class="valueOffer"></p>
	<!--  <input name="your_name" value="your_value" type="checkbox"> -->
</div>

<div id="errorDialog" class="dialog" title="error">
	<p> error ...</p>
</div>

<div id="noOffers" class="dialog" title="no offers">
	<p>Não existem ofertas disponiveis</p>
</div>

<div id="clientListDialog" class="dialog" title="Clientes desta oferta">
	<table>
		<thead>
			<th>Nome do cliente</th>
			<th>email</th>
			<th>telefone</th>
			<th>data da reserva</th>
			<th>escola</th>
		</thead>
		<tbody>
			<!--  
			<tr>
				<td>cliente</td>
				<td>cliente@mail.com</td>
				<td>88</td>
				<td>hoje</td>
			</tr>
			<tr>
				<td>cliente</td>
				<td>cliente@mail.com</td>
				<td>88</td>
				<td>hoje</td>
			</tr>
			-->
		</tbody>
	</table>
	<p class="label">Lugares disponiveis: </p>
	<p class="value"></p>
</div>


<!--  <button id="testButton">test</button> -->


